@extends('layout-intro')
@section('title')
FBTarget.Com - A Shortcut to Success
@stop

@section('content')
	<!-- Slider -->
	<section class="slider" id="slider">
	
		<!-- Container -->
		<div class="container">
		
			<!-- Slide Content -->
			<div class="slide-content">
				<h1>Appster - a sleek landing</h1>
				<h2>to showcase your application</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent malesuada orci accumsan luctus. Duis sodales, tortor in ornare tincidunt, odio purus pulvinar odio pulvinar consectetur nunc. Class aptent taciti sociosqu ad litora torquent per.</p>
				<div class="button-container">
					<a href="#" class="button color">Download the app</a>
					<a href="#" class="button white">Subscribe now</a>
				</div>
			</div>
			
			<!-- Slide Model -->
			<div class="slide-model">
				<img src="http://demo.eriktailor.com/appster-html/img/slider/slider_model_01_a.png" alt="App Product Mockup" class="slide-model-a" />
				<img src="http://demo.eriktailor.com/appster-html/img/slider/slider_model_01_b.png" alt="App Product Mockup" class="slide-model-b" />
			</div>			
		
		</div><!-- / Container -->
	
	</section><!-- / Slider -->
	
	
	<!-- Features -->
	<section class="features" id="features">
	
		<!-- Container -->
		<div class="container">
		
			<!-- Icon Box -->
			<div class="one-third column feature-icon-box">
				<i class="fa fa-cog"></i>
				<h3>Highly Customizable</h3>
				<p>Meaecenas et suscipit orci nuet. Nam pulvinar libero purus, non euismod</p>
			</div>
			
			<!-- Icon Box -->
			<div class="one-third column feature-icon-box">
				<i class="fa fa-cloud-download"></i>
				<h3>Cloud Upload Support</h3>
				<p>Meaecenas et suscipit orci nuet. Nam pulvinar libero purus, non euismod</p>
			</div>
			
			<!-- Icon Box -->
			<div class="one-third column feature-icon-box">
				<i class="fa fa-microphone "></i>
				<h3>Live Voice Recognizer</h3>
				<p>Meaecenas et suscipit orci nuet. Nam pulvinar libero purus, non euismod</p>
			</div>

			<div class="clear"></div>
			
			<!-- Zoomer -->
			<div class="sixteen columns zoomer">
				<div class="zoomer-frame">
					<a class="zoomer-image" href="http://demo.eriktailor.com/appster-html/img/zoomer/zoomer_01b.jpg">
					  <img src="http://demo.eriktailor.com/appster-html/img/zoomer/zoomer_01s.jpg" alt="Zoomer Image" />
					</a>
				</div>
			</div>
				
		</div><!-- / Container -->
		
		<!-- Zoomer Bg -->
		<div class="zoomer-bg">
			<div class="overlay"></div>
		</div>
		
		<!-- Zoomer Shadow-->
		<div class="zoomer-shadow"></div>		
	
	</section><!-- / Features -->
	
	
	
	<!-- Showcase -->
	<section class="showcase dark first" id="showcase">
	
		<!-- Container -->
		<div class="container">

			<!-- Contents -->
			<div class="seven columns showcase-content">
				<h1><span>Quản lý thông báo</span></h1>
				<div class="title-bullet"><span></span></div>
				<p>Quản lý thông báo của tất cả các fanpage tại 1 nơi theo thời gian thực (realtime). Dễ dàng thao tác, kiểm tra và nhanh chóng phản hồi cho thành viên trong page.</p>
			</div>
			
			<!-- Model -->
			<div class="nine columns showcase-model">
				<img src="{{URL::to('/assets/img/showcases/page-noti.png')}}" alt="Manage pages's notifications" />
			</div>			
		
		</div><!-- / Container -->	
	
	</section><!-- / Showcase -->
	
	
	
	<!-- Showcase -->
	<section class="showcase second">
	
		<!-- Container -->
		<div class="container">
	
			<!-- Model -->
			<div class="nine columns showcase-model">
				<img src="{{URL::to('/assets/img/showcases/page-post-1.png')}}" alt="Page post" />
			</div>	

			<!-- Contents -->
			<div class="seven columns showcase-content">
				<h1><span>Đăng bài</span></h1>
				<div class="title-bullet"><span></span></div>
				<p>Dễ dàng đăng status, photo lên nhiều page CÙNG 1 LÚC một cách nhanh chóng. Ngoài ra với các status có link, bạn hoàn toàn có thể chỉnh sửa thêm các dữ liệu của link như tên link, domain, ảnh, mô tả.. mà không cần phải làm các thủ thuật như trước.</p>
				<p><img src="{{URL::to('/assets/img/showcases/page-post-2.png')}}" alt="Các bài đã đăng" />
				</p>			
				<a href="#" class="button color">Purchase Now</a>
				<a href="#" class="button solid">Learn More</a>
			</div>			
		
		</div><!-- / Container -->	
	
	</section><!-- / Showcase -->



	<!-- Showcase -->
	<section class="showcase dark third">
	
		<!-- Container -->
		<div class="container">

			<!-- Contents -->
			<div class="seven columns showcase-content">
				<h1><span>Multi-product Ads</span></h1>
				<div class="title-bullet"><span></span></div>
				<p>Dễ dàng tạo quảng cáo Facebook Multi-product Ads - Định dạng quảng cáo hot nhất trên Facebook hiện nay, hỗ trợ tối đa lên tới 05 ảnh sản phẩm.</p>
			</div>
			
			<!-- Model -->
			<div class="nine columns showcase-model">
				<img src="{{URL::to('/assets/img/showcases/mpa-1.png')}}" alt="Multi Product Ads" />
			</div>			
		
		</div><!-- / Container -->	
	
	</section><!-- / Showcase -->



	<!-- Shots -->
	<section class="shots">
	
		<!-- Container -->
		<div class="container">

			<!-- Section Title -->
			<div class="sixteen columns section-title">
				<h1>Shots<span>what change your life</span></h1>
				<div class="title-bullet"><span></span></div>			
			</div>
		
			<!-- Screenshot -->
			<div class="four columns">
				<div class="screenshot">
					<img src="http://demo.eriktailor.com/appster-html/img/shots/screenshot_01.jpg" alt="App Screenshot" />
					<div class="overlay"></div>
					<i class="fa fa-plus screenshot-zoom"></i>
				</div>
			</div>
			
			<!-- Screenshot -->
			<div class="four columns">
				<div class="screenshot">
					<img src="http://demo.eriktailor.com/appster-html/img/shots/screenshot_02.jpg" alt="App Screenshot" />
					<div class="overlay"></div>
					<i class="fa fa-plus screenshot-zoom"></i>
				</div>
			</div>

			<!-- Screenshot -->
			<div class="four columns">
				<div class="screenshot">
					<img src="http://demo.eriktailor.com/appster-html/img/shots/screenshot_03.jpg" alt="App Screenshot" />
					<div class="overlay"></div>
					<i class="fa fa-plus screenshot-zoom"></i>
				</div>
			</div>

			<!-- Screenshot -->
			<div class="four columns">
				<div class="screenshot">
					<img src="http://demo.eriktailor.com/appster-html/img/shots/screenshot_04.jpg" alt="App Screenshot" />
					<div class="overlay"></div>
					<i class="fa fa-plus screenshot-zoom"></i>
				</div>
			</div>
		
		</div><!-- / Container -->	
		
		<!-- Lightbox -->
		<div class="lightbox">
			<span class="lightbox-close">
				<i class="fa fa-times"></i>
			</span>
			<img src="http://demo.eriktailor.com/appster-html/img/shots/screenshot_01.jpg" alt="App Screenshot" />
		</div>
		
		<!-- Lightbox Overlay-->
		<div class="lightbox-overlay"></div>		
	
	</section><!-- / Shots -->
	
	
	
	<!-- Testimonials -->
	<section class="testimonials" id="testimonials">
	
		<!-- Overlay -->
		<div class="overlay"></div>
	
		<!-- Container -->
		<div class="container">
		
			<!-- Testimonials Slider -->
			<div class="sixteen columns">
			
				<!-- Quote Slider -->
				<div class="quote-slider">
				
				
					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_01.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Giselle Williams</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>
					
					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_02.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Peter Johnson</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>

					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_03.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Jodie Harper</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>

					
					
					
					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_04.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Bradley Stone</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>
					
					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_05.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Morgan Addamson</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>

					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_06.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Merzedes White</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>


					
					
					
					
					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_07.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Adam Rosenfield</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>
					
					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_08.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Carrie Stevens</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>

					<!-- Testimonial -->
					<blockquote class="quote-slide">
						<div class="client-avatar">
							<img src="http://demo.eriktailor.com/appster-html/img/testimonials/client_09.jpg" alt="App Buyer Client" />
						</div>
						<h3><i class="fa fa-quote-left"></i>Marta Johanson</h3>
						<p>Duis in nibh id lorem pulvinar adipiscing. Nulla odio elit, rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor netus et.</p>
					</blockquote>
					
					
				</div>
				
				<!-- Controls -->
				<div class="quote-slider-controls">
					<span class="active"></span>
					<span></span>
					<span></span>
				</div>
				
			</div><!-- / Testimonials Slider -->
		
		</div><!-- / Container -->
	
	</section><!-- / Testimonials -->	
	
	
	
	
	
	
	<!-- Feature Selectors -->
	<section class="feature-selectors" id="feature-selectors">
	
		<!-- Container -->
		<div class="container">
		
			<!-- Selector Buttons -->
			<div class="eight columns selector-contents">
				
				<!-- Section Title -->
				<div class="section-title">
					<h1>Super<span>features included</span></h1>
					<div class="title-bullet"><span></span></div>
				</div>	
				
				<!-- Buttons -->
				<ul class="feature-selector-buttons">
					<li data-fselector="first">
						<span class="selector-body"><i class="fa fa-cog"></i>Unlimited color variations</span>
						<span class="selector-triangle"></span>
					</li>
					<li class="active" data-fselector="second">
						<span class="selector-body"><i class="fa fa-globe"></i>Awesome app possibilities</span>
						<span class="selector-triangle"></span>
					</li>
					<li data-fselector="third">
						<span class="selector-body"><i class="fa fa-file"></i>Countless unique features</span>
						<span class="selector-triangle"></span>
					</li>
					<li data-fselector="fourth">
						<span class="selector-body"><i class="fa fa-leaf"></i>Lifetime customer support</span>
						<span class="selector-triangle"></span>
					</li>				
				</ul>
				
			</div><!-- / Selector Buttons -->	
		
			<!-- Selector Images -->
			<div class="eight columns">
				<div class="feature-selector-frame">
					<div class="feature-selector-mask">
						<img src="http://demo.eriktailor.com/appster-html/img/selector/selector_img_01.jpg" alt="App Feature Selector" data-fselector="first" />
						<img src="http://demo.eriktailor.com/appster-html/img/selector/selector_img_02.jpg" alt="App Feature Selector" data-fselector="second" />
						<img src="http://demo.eriktailor.com/appster-html/img/selector/selector_img_03.jpg" alt="App Feature Selector" data-fselector="third" />
						<img src="http://demo.eriktailor.com/appster-html/img/selector/selector_img_04.jpg" alt="App Feature Selector" data-fselector="fourth" />
					</div>
				</div>
			</div>
		
		</div><!-- / Container -->
	
	</section><!-- Feature Selectors -->
	
	
	
	<!-- Team -->
	<section class="team" id="team">
	
		<!-- Container -->
		<div class="container">

			<!-- Section Title -->
			<div class="sixteen columns section-title">
				<h1>Meet<span>the developer team</span></h1>
				<div class="title-bullet"><span></span></div>	
			</div>
			
			<!-- Team Member -->
			<div class="one-third column">
				<div class="team-member">
					<div class="team-member-image">
						<img src="http://demo.eriktailor.com/appster-html/img/team/team_member_01.jpg" alt="App Developer" />
					</div>
					<span class="team-member-bullet">
						<i class="fa fa-plus"></i>
					</span>
					<div class="team-member-desc">
						<h5>Johnatan Smith Jr.</h5>
						<div class="team-member-dropdown">
							<p>Morbi pulvinar, orci sed eleifend suscipit, augue sem imperdiet dolor, quis etiam <a href="#">et consequat</a> quam purus eu est. Pellentesque molestie consequat consequat. Integer et laoreet tellus</p>
							<ul class="team-member-socials">
								<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			<!-- Team Member -->
			<div class="one-third column">
				<div class="team-member">
					<div class="team-member-image">
						<img src="http://demo.eriktailor.com/appster-html/img/team/team_member_02.jpg" alt="App Developer" />
					</div>
					<span class="team-member-bullet">
						<i class="fa fa-plus"></i>
					</span>
					<div class="team-member-desc">
						<h5>Elizabeth Holmes</h5>
						<div class="team-member-dropdown">
							<p>Morbi pulvinar, orci sed eleifend suscipit, augue sem imperdiet dolor, quis etiam et consequat quam purus eu est. Pellentesque molestie consequat consequat. Integer et laoreet tellus</p>
							<ul class="team-member-socials">
								<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<!-- Team Member -->
			<div class="one-third column">
				<div class="team-member">
					<div class="team-member-image">
						<img src="http://demo.eriktailor.com/appster-html/img/team/team_member_03.jpg" alt="App Developer" />
					</div>
					<span class="team-member-bullet">
						<i class="fa fa-plus"></i>
					</span>
					<div class="team-member-desc">
						<h5>Peter Addamson</h5>
						<div class="team-member-dropdown">
							<p>Morbi pulvinar, orci sed eleifend suscipit, augue sem imperdiet dolor, quis etiam et consequat quam purus eu est. Pellentesque molestie consequat consequat. Integer et laoreet tellus</p>
							<ul class="team-member-socials">
								<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>			
		
		</div><!-- / Container -->
	
	</section><!-- Team -->
	


	<!-- Twitter Feed -->
	<section class="twitter-feed" id="twitter-feed">
	
		<!-- Overlay -->
		<div class="overlay"></div>
	
		<!-- Container -->
		<div class="container">
		
			<div class="sixteen columns">
				<span class="twitter-feed-icon-frame">
					<i class="fa fa-twitter twitter-feed-icon"></i>
				</span>
				<span class="tweet">
				<!--
				<strong>About 3 hours ago</strong> rutrum at convallis in, rhoncus ac urna. Curabitur justo urna, congue quis volutpat sed, fringilla sit amet dolor. Netus et malesuada fames ac turpis egestas
				-->
				</span>
			</div>
		
		</div><!-- / Container -->
	
	</section><!-- / Twitter Feed -->
	

	<!-- Portfolio -->
	<section class="portfolio" id="portfolio">
	
		<!-- Container -->
		<div class="container">
		
			<!-- Section Title -->
			<div class="sixteen columns section-title">
				<h1>Related<span>applications</span></h1>
				<div class="title-bullet"><span></span></div>	
			</div>		
		
			<div class="sixteen columns">
			
				<!-- Filtering-->
				<div id="filters">

					<ul class="option-set" data-option-key="filter">
						
						<!-- Filter 1-->
						<li class="filter"><a href="#filter" data-option-value="*" class="selected">
							<i class="fa fa-th"></i><span>All</span>
						</a></li>
							
						<!-- Filter 2-->
						<li class="filter"><a href="#filter" data-option-value=".corporate">
							<i class="fa fa-desktop"></i><span>Corporate</span>
						</a></li>
							
						<!-- Filter 3-->
						<li class="filter"><a href="#filter" data-option-value=".lifestyle">
							<i class="fa fa-camera"></i><span>Lifestyle</span>
						</a></li>
							
						<!-- Filter 4-->
						<li class="filter"><a href="#filter" data-option-value=".entertainment">
							<i class="fa fa-star-half-empty"></i><span>Entertainment</span>
						</a></li>
							
						<!-- Filter 5-->
						<li class="filter"><a href="#filter" data-option-value=".productivity">
							<i class="fa fa-pencil"></i><span>Productivity</span>
						</a></li>
							
					</ul>
						
					<div class="clear"></div>

				</div>

			</div>
		
		</div><!-- / Container -->
		
		<!-- Container -->
		<div class="container">
		
			<!-- Portfolio Content -->
			<div id="portfolio-wrapper">

			
				<!-- Portfolio Item -->
				<a href="#" class="one-third column item entertainment productivity">
					<figure class="portfolio-item">
						<div class="portfolio-item-image">
							<img src="http://demo.eriktailor.com/appster-html/img/portfolio/portfolio_01.jpg" alt="App Project" />
						</div>
						<span class="portfolio-item-bullet">
							<i class="fa fa-link"></i>
						</span>
						<figcaption class="portfolio-item-desc">Sample Application</figcaption>
					</figure>
				</a>

				<!-- Portfolio Item -->
				<a href="#" class="one-third column item productivity lifestyle corporate">
					<figure class="portfolio-item">
						<div class="portfolio-item-image">
							<img src="http://demo.eriktailor.com/appster-html/img/portfolio/portfolio_02.jpg" alt="App Project" />
						</div>
						<span class="portfolio-item-bullet">
							<i class="fa fa-link"></i>
						</span>
						<figcaption class="portfolio-item-desc">Other Application</figcaption>
					</figure>
				</a>

				<!-- Portfolio Item -->
				<a href="#" class="one-third column item corporate">
					<figure class="portfolio-item">
						<div class="portfolio-item-image">
							<img src="http://demo.eriktailor.com/appster-html/img/portfolio/portfolio_03.jpg" alt="App Project" />
						</div>
						<span class="portfolio-item-bullet">
							<i class="fa fa-link"></i>
						</span>
						<figcaption class="portfolio-item-desc">Just an Application</figcaption>
					</figure>
				</a>

				<!-- Portfolio Item -->
				<a href="#" class="one-third column item photo paint">
					<figure class="portfolio-item">
						<div class="portfolio-item-image">
							<img src="http://demo.eriktailor.com/appster-html/img/portfolio/portfolio_04.jpg" alt="App Project" />
						</div>
						<span class="portfolio-item-bullet">
							<i class="fa fa-link"></i>
						</span>
						<figcaption class="portfolio-item-desc">Awesome Application</figcaption>
					</figure>
				</a>

				<!-- Portfolio Item -->
				<a href="#" class="one-third column item corporate entertainment">
					<figure class="portfolio-item">
						<div class="portfolio-item-image">
							<img src="http://demo.eriktailor.com/appster-html/img/portfolio/portfolio_05.jpg" alt="App Project" />
						</div>
						<span class="portfolio-item-bullet">
							<i class="fa fa-link"></i>
						</span>
						<figcaption class="portfolio-item-desc">Custom Application</figcaption>
					</figure>
				</a>

				<!-- Portfolio Item -->
				<a href="#" class="one-third column item corporate lifestyle">
					<figure class="portfolio-item">
						<div class="portfolio-item-image">
							<img src="http://demo.eriktailor.com/appster-html/img/portfolio/portfolio_06.jpg" alt="App Project" />
						</div>
						<span class="portfolio-item-bullet">
							<i class="fa fa-link"></i>
						</span>
						<figcaption class="portfolio-item-desc">Last Application</figcaption>
					</figure>
				</a>				
				
				
				
				
			
			</div><!-- / Portfolio Content -->		

		</div><!-- / Container -->
		
	</section><!-- / Portfolio -->		



	<!-- Details -->
	<section class="details" id="details">
	
		<!-- Container -->
		<div class="container">
			
			<!-- Section Title -->
			<div class="sixteen columns section-title">
				<h1>Getting<span>into the app details</span></h1>
				<div class="title-bullet"><span></span></div>	
			</div>			
			
			<!-- Count Up -->
			<div class="six columns count-up">
				
				<!-- Counter -->
				<div class="counter">
					<h4 data-from="0" data-to="86">86</h4>
					<h5>App downloads in store</h5>
				</div>
				
				<!-- Counter -->
				<div class="counter">
					<h4 data-from="0" data-to="23">23</h4>
					<h5>People rated 5 this app</h5>
				</div>

				<!-- Counter -->
				<div class="counter">
					<h4 data-from="0" data-to="56">56</h4>
					<h5>Support request solved</h5>
				</div>

				<!-- Counter -->
				<div class="counter">
					<h4 data-from="0" data-to="42">42</h4>
					<h5>Articles been published</h5>
				</div>				
				
			</div><!-- / Count Up -->
			
			<!-- Carousel -->
			<div class="ten columns carousel">
				
				<!-- Controls-->
				<i class="carousel-prev fa fa-chevron-left"></i>
				<i class="carousel-next fa fa-chevron-right"></i>
				
				<!-- Carousel Slider -->
				<ul class="carousel-frame">
				
					<!-- Slide-->
					<li class="carousel-slide active">
						<img src="http://demo.eriktailor.com/appster-html/img/carousel/carousel_slide_01_bg.jpg" class="carousel-slide-bg" alt="App Screenshot in Carousel" />
						<div class="carousel-model first"></div>
					</li>
					
					<!-- Slide-->
					<li class="carousel-slide">
						<img src="http://demo.eriktailor.com/appster-html/img/carousel/carousel_slide_02_bg.jpg" class="carousel-slide-bg" alt="App Screenshot in Carousel" />
						<div class="carousel-model second"></div>
					</li>

					<!-- Slide-->
					<li class="carousel-slide">
						<img src="http://demo.eriktailor.com/appster-html/img/carousel/carousel_slide_03_bg.jpg" class="carousel-slide-bg" alt="App Screenshot in Carousel" />
						<div class="carousel-model third"></div>
					</li>					
					
				</ul>
				
			</div><!-- / Points -->		
		
		</div><!-- / Container -->
	
	</section><!-- / Details -->

		
	
	<!-- Pricing -->
	<section class="pricing" id="pricing">
	
		<!-- Container -->
		<div class="container">
		
			<!-- Section Title -->
			<div class="sixteen columns section-title">
				<h1>Choose<span>your package</span></h1>
				<div class="title-bullet"><span></span></div>	
			</div>		

			<!-- Medium Price Table -->
			<div class="one-third column">
				<div class="price-table">
					<header class="price-table-header">
						<h3>Basic App</h3>
						<span>23$</span>
					</header>
					<div class="price-table-body">
						<ul>
							<li><i class="fa fa-suitcase"></i>Lorem ipsum dolor</li>
							<li><i class="fa fa-folder-open"></i>Sit amet consescetur</li>
							<li><i class="fa fa-road"></i>Adipiscing elit etiam</li>
						</ul>
						<a href="#" class="button color">Purchase now</a>
					</div>
				</div>
			</div>
			
			<!-- Large Price Table -->
			<div class="one-third column">
				<div class="price-table large">
					<header class="price-table-header">
						<h3>Advanced App</h3>
						<span>26$</span>
					</header>
					<div class="price-table-body">
						<ul>
							<li><i class="fa fa-suitcase"></i>Lorem ipsum dolor</li>
							<li><i class="fa fa-folder-open"></i>Sit amet consescetur</li>
							<li><i class="fa fa-road"></i>Adipiscing elit etiam</li>
						</ul>
						<a href="#" class="button color">Purchase now</a>
					</div>
				</div>
			</div>			

			<!-- Medium Price Table -->
			<div class="one-third column">
				<div class="price-table">
					<header class="price-table-header">
						<h3>Expert App</h3>
						<span>29$</span>
					</header>
					<div class="price-table-body">
						<ul>
							<li><i class="fa fa-suitcase"></i>Lorem ipsum dolor</li>
							<li><i class="fa fa-folder-open"></i>Sit amet consescetur</li>
							<li><i class="fa fa-road"></i>Adipiscing elit etiam</li>
						</ul>
						<a href="#" class="button color">Purchase now</a>
					</div>
				</div>
			</div>			
		
		</div><!-- / Container -->	
	
	</section><!-- / Pricing -->


	
	<!-- Call to Action -->
	<section class="call-to-action" id="call-to-action">
	
		<!-- Overlay -->
		<div class="overlay"></div>
	
		<!-- Container -->
		<div class="container">

			<div class="sixteen columns call-to-action-content">
				<h1>Like this app?</h1>
				<a href="#" class="button white">Download Now</a>
			</div>
		
		</div><!-- / Container -->
	
	</section><!-- / Call to Action -->
	
	
	
	<!-- Socials -->
	<section class="social-networks" id="social-networks">
	
		<!-- Container -->
		<div class="container">
		
			<!-- Social Links -->
			<div class="sixteen columns">
				<ul class="social-network-links">
					<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
					<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
					<li><a href="#"><i class="fa fa-flickr"></i></a></li>
					<li><a href="#"><i class="fa fa-google-plus-square"></i></a></li>
					<li><a href="#"><i class="fa fa-tumblr-square"></i></a></li>
				</ul>
			</div>
		
		</div><!-- / Container -->
	
	</section><!-- / Socials -->
	
	
	
	<!-- Subscribe -->
	<section class="subscribe" id="subscribe">
	
		<!-- Container -->
		<div class="container">
			
			<!-- Mailchimp Subscribe Form 
			<div class="sixteen columns subscribe-form">
				<h2>Join our mailing list</h2>
				<div id="mc_embed_signup">
					<form action="..." method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
						<input type="email" value="" name="EMAIL" class="email textfield" id="mce-EMAIL" placeholder="Type your email address" required>
						<input type="submit" value="Subscribe Now" name="subscribe" id="mc-embedded-subscribe" class="button color">
					</form>
				</div>
			</div> -->
			
			<!-- Basic Contact Form -->
			<div class="sixteen columns contact-form">
				<h2>Get in touch with us</h2>
				<form method="post" action="mailer.php" id="cform">
					<input type="text" name="name" class="textfield" placeholder="Your name" required />
					<input type="email" name="email" class="textfield" placeholder="Your email address" required />
					<textarea name="message" class="textarea" placeholder="Your message" required></textarea>
					<input type="submit" value="Send Message" class="button color" />
				</form>
				<div id="success"></div>
			</div>			
						
		</div><!-- / Container -->
	
	</section><!-- / Subscribe -->
	
	
	<section class="social-networks" id="social-networks">
	
		<!-- Container -->
		<div class="container">
		
			<!-- Social Links -->
			<div class="sixteen columns">
				<ul class="social-network-links">
					<li><a href="https://www.facebook.com/pages/FBTargetCom/1559201681003743"><i class="fa fa-facebook-square"></i></a></li>
					<!-- <li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
					<li><a href="#"><i class="fa fa-flickr"></i></a></li>
					<li><a href="#"><i class="fa fa-google-plus-square"></i></a></li>
					<li><a href="#"><i class="fa fa-tumblr-square"></i></a></li> -->
				</ul>
			</div>
		
		</div><!-- / Container -->
	
	</section>

	<!-- <section class="subscribe" id="subscribe">
	
		Container
		<div class="container">
						
			Basic Contact Form
			<div class="sixteen columns contact-form">
				<h2>Get in touch with us</h2>
				<form method="post" action="mailer.php" id="cform">
					<input type="text" name="name" class="textfield" placeholder="Your name" required="">
					<input type="email" name="email" class="textfield" placeholder="Your email address" required="">
					<textarea name="message" class="textarea" placeholder="Your message" required=""></textarea>
					<input type="submit" value="Send Message" class="button color">
				</form>
				<div id="success"></div>
			</div>			
						
		</div>/ Container
	
	</section> -->
	
	
	<!-- Footer -->
	<footer class="footer" id="footer">
	
		<!-- Container -->
		<div class="container">
			
			<h6 class="copyright-text">Appster 2013 | All rights reserved.</h6>
						
		</div><!-- / Container -->
	
	</footer><!-- / Footer -->
	
	
	
	

</div><!-- / Site Wrapper -->

<!-- Javascript
================================================== -->
<script type="text/javascript" src="{{ URL::to('assets/js/jquery.1.10.2.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/jquery.loupe.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/tweetie.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/jquery.placeholder.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/waypoints.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/waypoints-sticky.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/jquery.countTo.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/jquery.parallax-1.1.3.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/jquery.nicescroll.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/custom.js') }}"></script>
<script type="text/javascript" src="{{ URL::to('assets/js/animations.js') }}"></script>
<script type="text/javascript">
$('.tweet').twittie();
</script>

<!--[if lt IE 10]>
	<script type="text/javascript">
		$(document).ready(function(){
		
			$(".lightbox-close").click(function(){
				$(".lightbox, .lightbox-overlay").hide();
			});
			
			$(".feature-selector-buttons li").click(function(){
				$('.feature-selector-frame img').hide();
			});
			
		});		
	</script>
<![endif]-->

<script type="text/javascript" src="{{ URL::to('assets/js/jquery.isotope.js') }}"></script>
<script type="text/javascript">
$(window).load(function(){
	var portfolio = (function() {
		var $container = $('#portfolio-wrapper');
				$select = $('#filters select');
				
		// initialize Isotope
		$container.isotope({
		  // options...
		  resizable: false, // disable normal resizing
		  // set columnWidth to a percentage of container width
		  masonry: { columnWidth: $container.width() / 12 }
		});

		// update columnWidth on window resize
		$(window).smartresize(function(){
		  $container.isotope({
			// update columnWidth to a percentage of container width
			masonry: { columnWidth: $container.width() / 12 }
		  });
		});
		
		
		$container.isotope({
			itemSelector : '.item'
		});
	  
		$select.change(function() {
			var filters = $(this).val();
	
			$container.isotope({
				filter: filters
			});
		});
	  
		// Portfolio Filtering
		var $optionSets = $('#filters .option-set'),
			$optionLinks = $optionSets.find('a');

		$optionLinks.click(function(){
				var $this = $(this);
				// don't proceed if already selected
				if ( $this.hasClass('selected') ) {
				return false;
			}
			var $optionSet = $this.parents('.option-set');
			$optionSet.find('.selected').removeClass('selected');
			$this.addClass('selected');
	  
			// make option object dynamically, i.e. { filter: '.my-filter-class' }
			var options = {},
				key = $optionSet.attr('data-option-key'),
				value = $this.attr('data-option-value');
			// parse 'false' as false boolean
			value = value === 'false' ? false : value;
			options[ key ] = value;
			if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
			  // changes in layout modes need extra logic
			  changeLayoutMode( $this, options )
			} else {
			  // otherwise, apply new options
			  $container.isotope( options );
			}
			return false;
		});

	});
	
	portfolio();
});
</script>
@stop
